<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<div class="row-fluid" style="padding-bottom: 50px; max-height: 2000px">

	<div class="span11 span11div" style="min-height: 280px">
		<div class="controls">
			<div class="row-fluid"
				style="height: 50px; background-color: #5EC4B6">
				<label
					style="font-size: 30px; line-height: 50px; margin-left: 30px; color: white">Tin
					Tức</label>

			</div>
			<br/>
			<br/>
			<c:forEach items="${listNews}" var="listNews" varStatus="count">
			<div class="row-fluid" style=" min-height: 255px">
				<a href="./detailnews?newsID=${listNews.id}">
				<div class="span4 newsSpan">
					<div class="item">		
						<img style="width: 300px" src="resources/news-images/${listNews.image}">
						<div class="tintuccontext hide">
							<label class="newslabel">${listNews.name}</label>
							<p align="center" class="newscontentlabel">${listNews.shortdescvi}</p>
						</div>
					</div>
				</div>
				</a>
				<div class="span8">
					<div class="row-fluid">
						<div class="controls-row">
							<label class="newstitle"><a href="./detailnews?newsID=${listNews.id}"> ${fn:toUpperCase(listNews.name)} </a></label>
						</div>
						<div class="controls-row">
							<label class="pull-right" style="margin-right: 20px"> ${listNews.processDate} </label>
						</div>
						<div class="row-fluid">
							<label align="left" class="newscontent">
						${listNews.shortdescvi}
								</label>
						</div>
							<div class="pull-right" style="margin-right: 20px">
							<a href="./detailnews?newsID=${listNews.id}" style="text-decoration: none">
					<label style="color: #192498 ">Chi tiết &nbsp;<i class="icon-forward"></i></label>
					</a>
					</div>
					</div>
				
				</div>		
			</div>
			</c:forEach>
		</div>
	<div class="pagination pull-right" style="padding-right: 20px;padding-top: 40px">
		<ul>
			<li><a href="#">Prev</a></li>
			<li class="active"><a href="#">1</a></li>
			<li><a href="#">2</a></li>
			<li><a href="#">3</a></li>
			<li><a href="#">4</a></li>
			<li><a href="#">5</a></li>
			<li><a href="#">Next</a></li>
		</ul>
	</div>
	</div>
	
	

</div>
